import React, { Component } from 'react'
import {Link} from "react-router-dom"
import "./news.css"
import { LeftOutlined ,RightOutlined, UserOutlined , ContainerOutlined} from '@ant-design/icons';
export default class news extends Component {
    render() {
        return (
            <div id="main">
                <div className="newHeader">
                    <Link to="/Mine" className="NewsBack"><LeftOutlined className="newsBack" /></Link>
                    <span>消息</span>
                </div>
                <div className="newMain">
                    <div className="communityNews">
                        <Link className="NewsBorder">
                            <div>
                                <UserOutlined /> 
                                <span>社区通知</span>
                            </div>
                            <RightOutlined />
                        </Link>
                    </div>
                    <div className="orderNews">
                        <Link>
                            <div>
                                <ContainerOutlined />
                                <span>订单通知</span>
                            </div>
                            <RightOutlined />
                        </Link>
                    </div>
                </div>
                <div className="information">
                    <div>
                        <div className="informationLeft">
                            <img src="https://img0.baidu.com/it/u=3001130273,933256834&fm=26&fmt=auto&gp=0.jpg" />
                            <div>
                                <div className="newsWant">想要商品提醒</div>
                                <span>商品降价</span>
                            </div>
                            <div className="NewsTime">20:53</div>
                        </div>
                    </div>
                    
                    
                </div>
            </div>
        )
    }
}
